<template>
  <view>
    <cu-custom bgColor="bg-cyan" isBack>
      <block slot="content">checkbox复选框</block>
    </cu-custom>
    <!-- 顶部区域 -->
    <view class="smart-page-head">
      <view class="smart-page-head-title">
        checkbox复选框
      </view>
    </view>
    <view class="smart-padding-wrap">
      <view class="item">
        <checkbox value="cb" checked="false"/>选中
        <checkbox />未选中
      </view>
      <view class="item">
        <checkbox checked="true" color="#3094ff" style="transform: scale(0.7);"/>
        选中
        <checkbox color="#f0ad4e" style="transform: scale(0.7);"/>
        未选中
      </view>
      <view class="item">
        推荐展示样式:
        <checkbox-group>
          <label class="list">
            <view>
              <checkbox></checkbox>
              中国
            </view>
          </label>
          <label class="list">
            <view>
              <checkbox></checkbox>
              重庆
            </view>
          </label>
          <label class="list">
            <view>
              <checkbox></checkbox>
              成都
            </view>
          </label>
        </checkbox-group>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data(){
      return{};
    },
    methods:{}
  }
</script>

<style>
</style>